<template>
    <div class="app-container on-passage-page">
        <FilterForm
            :data="filterData"
            label-width="85px"
            @search="searchTable"
        />

        <el-row :gutter="10" class="opr-btn-group mb8">
            <el-col :span="1.5">
                <el-button
                    type="warning"
                    plain
                    icon="el-icon-download"
                    size="mini"
                    :loading="exportLoading"
                    @click="handleExport"
                    >导出</el-button
                >
            </el-col>
        </el-row>

        <Table
            :api="$Api.woodPurchase.passage.list"
            :params="queryParams"
            :sort="false"
            height="55vh"
            ref="TableList"
        >
            <el-table-column label="序号" type="index" width="50" />
            <el-table-column label="仓库" prop="warehouse" width="120" />
            <el-table-column label="包号" prop="baleNum" width="120" />
            <el-table-column label="品名" prop="goodsName" width="200" />
            <el-table-column label="品牌" prop="brandName" width="120" />
            <el-table-column label="等级" prop="level" />
            <el-table-column label="厚度" prop="ply" />
            <el-table-column label="宽度" prop="width" />
            <el-table-column label="长度" prop="length" />
            <el-table-column label="片数" prop="sliceCount" />
            <el-table-column label="件数" prop="pieceCount" />
            <el-table-column label="码单方数" prop="noteCount" width="120" />
            <el-table-column
                label="供应商"
                prop="woodPurchaseInModel.supplierName"
                width="200"
            />
            <el-table-column
                label="开证公司"
                prop="woodPurchaseInModel.pactName"
                width="200"
            />
            <el-table-column
                label="入库日期"
                prop="inTime"
                width="120"
            />
            <el-table-column
                label="到港日期"
                prop="woodPurchaseInModel.arriveTime"
                width="120"
            />
            <el-table-column
                label="装运日期"
                prop="woodPurchaseInModel.shippingTime"
                width="120"
            />
            <el-table-column
                label="提单号"
                prop="woodPurchaseInModel.ladingNum"
            />
            <el-table-column
                label="合同号"
                prop="woodPurchaseInModel.pactNum"
                width="160"
            />
            <el-table-column
                label="订单号"
                prop="woodPurchaseInModel.orderId"
                width="160"
            />

            <el-table-column
                label="批次号"
                prop="woodPurchaseInModel.batchNum"
            />
            <el-table-column label="箱号" prop="caseNum" />
            <el-table-column label="货物状态" prop="goodsState" />
            <el-table-column label="产地" prop="originPlace" />
            <el-table-column label="备注" prop="remark" />
        </Table>
    </div>
</template>

<script>

export default {
    components: {
        
    },
    data: () => {
        return {
            table: {
                data: [],
                loading: false,
            },
            queryParams: {
                status: 1,
            },
            showSearch: true,
            exportLoading: false,
            filterData: [],
        };
    },
    created() {
        this.filterData = [
            {
                label: "入库日期",
                type: "period_date",
                st: "beginInTime",
                end: "endInTime",
                scale: 2,
            },
            {
                label: "到港日期",
                type: "period_date",
                st: "beginArriveTime",
                end: "endArriveTime",
                scale: 2,
            },

            {
                label: "供应商",
                name: "supplierName",
                type: "supplier",
            },
            {
                label: "开证公司",
                name: "pactName",
                type: "supplier",
            },
            {
                label: "合同号",
                name: "pactNum",
            },
            {
                label: "提单号",
                name: "ladingNum",
            },
            {
                label: "箱号",
                name: "caseNum",
            },
            {
                label: "包号",
                name: "baleNum",
            },
            {
                label: "品名",
                name: "goodsName",
                type: "select",
                select: "goodsName",
            },
            {
                label: "等级",
                name: "level",
                type: "select",
                select: "levelName",
            },
            {
                label: "仓库",
                name: "warehouse",
                type: "select",
                select: "warehouse",
            },
            {
                label: "厚度",
                name: "ply",
            },
            {
                label: "宽度",
                name: "width",
            },
            {
                label: "长度",
                name: "length",
            },
            {
                label: "片数",
                name: "sliceCount",
            },
        ];
    },
    methods: {
        searchTable(params) {
            this.$refs.TableList.getData(params);
        },
        handleExport() {},
    },
};
</script>

<style>
</style>